<%-- 
    Document   : ejemploTabla
    Created on : 04/06/2014, 04:35:13 PM
    Author     : VMJorgeA
--%>

<%@page import="negocio.Evento"%>
<%@page import="java.util.ArrayList"%>
<%@page import="java.util.ArrayList"%>
<%@page import="datos.DaoEventos"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>

<html>
    <head>
        <title>JAR Corporation - Agenda</title>
        <link rel="stylesheet"  href="css/estiloTabla.css">
        <link rel="stylesheet"  href="css/estiloEvento.css">
        <script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
        <script type="text/javascript" src="js/scripts.js"></script>
        
        
    </head>
    <body>
        <div id="titulo">
            <h2 align="center">Agenda del Usuario</h2>
        </div>

        <div id="tablaAgenda">
            <table id="agenda" align="center">
                <thead id="encabezado">
                    <tr>
                        <th>Fecha Inicio</th>
                        <th>Fecha Fin</th>
                        <th>Descripcion</th>
                        <th>Prioridad</th>
                        <th>Lugar</th>
                    </tr>
                </thead>
                <tbody id="cuerpo">
                    <%
                        String nick = (String) session.getAttribute("usuario");
                        ArrayList<Evento> eventos = DaoEventos.getInstance().listar(nick);
                        for (int i = 0; i < eventos.size(); i++) {
                            Evento even = eventos.get(i);
                    %>
                    <tr>
                        <td><%= even.getFechaInicio()%></td>
                        <td><%= even.getFechaFin()%></td>
                        <td><%= even.getDescripcion()%></td>
                        <td><%= even.getPrioridad()%></td>
                        <td><%= even.getLugar()%></td>   
                    </tr>
                    <%}
                %>
                </tbody>
            </table>

        </div>
        <div id="botones" align="center">
            <input class="btn" type="submit"  onclick="javascript:showLightbox();" value="Crear Evento"/>
            <input class="btn" type="submit" value="Modificar Evento"/>
            <input class="btn" type="submit" value="Eliminar Evento"/>
        </div>
        <div id="over" class="overbox">
            <div id="content">
                <div class="rain">
                    <div class="border start">
                        <form id="formulario" method="get" ACTION="IngresoEvento.jsp">

                            <input name="numero" type="text" placeholder="Numero"/>
                            <input name="fechaInicio" type="text" placeholder="FechaInicio"/>
                            <input name="fechaFin" type="text" placeholder="FechaFin"/>
                            <input name="descripcion" type="text" placeholder="Descripcion"/>
                            <input name="prioridad" type="text" placeholder="Prioridad"/>

                            <input name="lugar" type="text" placeholder="Lugar"/>
                            <input type="submit" value="SAVE" onclick=""javascript:hideLightbox();"/>

                        </form>

                    </div>
                </div>
                <a href="javascript:hideLightbox();">Cancelar</a>
            </div>
        </div>
        <div id="fade" class="fadebox">&nbsp;</div>
    </body>
</html>